<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>开始服务</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
        <script src="https://code.jquery.com/jquery-1.8.2.min.js"></script>
        <script src="https://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
    </head>
    <body>
        <div data-role="page">
            <div data-role="content">
                <form>
                    <label for="select-native-s">服务项目：</label>
                    <select name="select-native-s" id="select-native-s">
                        <option value="small">美甲</option>
                        <option value="medium">美睫</option>
                        <option value="large">美瞳</option>
                    </select>
                    <label for="slider-s">预计时间（分钟）：</label>
                    <input type="range" name="slider-s" id="slider-s" value="25" min="0" max="120" data-highlight="true">
                </form>
            </div>
        </div>
    </body>
</html>
